<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>loader和plugin的区别</title>
</head>
<body>
  <script>
    /***

      Loader直译为"加载器"。

      Webpack将一切文件视为模块，
      但是webpack原生是只能解析js文件，
      如果想将其他文件也打包的话，就会用到loader。 
      所以Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。

      Plugin直译为"插件"。

      Plugin可以扩展webpack的功能，
      让webpack具有更多的灵活性。 
      在 Webpack 运行的生命周期中会广播出许多事件，
      Plugin 可以监听这些事件，
      在合适的时机通过 Webpack 提供的 API 改变输出结果。
    
    */
  </script>
</body>
</html>